<ion-view view-title="进度">
  <ion-content>
    <div class="list no-border padding-20 no-padding-bottom">
    	<div class="item no-border">
			<div class="pragress-title display-block font-20" style="margin-right:20vw">总计今日</div>
			<div class="center-progress display-block" style="margin-right:20vw">
				<span class="font-orange no-margin font-20">{{sportInfo.minuteinfo}}</span><br/>
				<span>分钟</span>
			</div>
			<div class="center-progress display-block">
				<span class="font-orange no-margin font-20">{{sportInfo.kaluliinfo}}</span><br/>
				<span>卡路里</span>
			</div>
    	</div>
    	
    </div>
    <p class="font-center font-20">您在过去的{{sportInfo.sportday}}天内锻炼了{{sportInfo.sumday}}天</p>
    <div class="card progress-card">
	  <div class="item item-divider font-center font-20 blue-card-header font-white">
	    需要更多统计信息和历史记录?
	  </div>
	  <div class="item item-text-wrap">
	    升级到Pro，你可以解锁更多精辟见解和完整的锻炼日记.
	    <p><i class="ion-stats-bars"></i>&nbsp;&nbsp;按周和按月跟踪你的进度。</p>
	    <p><i class="ion-arrow-graph-up-right"></i>&nbsp;&nbsp;设置并达成您的每日和每周目标</p>
		<p><i class="ion-ribbon-a"></i>&nbsp;&nbsp;跟踪并打破自己的记录</p>
		<div class="font-center padding-btn border-btn btn-bond font-orange" style="margin-top:20px">现在获取Sworkit Pro</div>
	  </div>
	</div>
  </ion-content>
</ion-view>
<style>
.pragress-title{
	width:2em;
	white-space: normal;
}
.border-btn{
	border:1px solid orange;
}
.padding-btn{
	padding: 10px 20px;
}
.border-btn{
	border-radius: 20px;
}
</style>